﻿#page-wraper {
  height: 100%;
  overflow-y: auto; }

#top-searchbar {
  height: 8rem;
  line-height: 4rem;
  box-shadow: 0 0 5px 0 black;
  background-color: white;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 3; }
  #top-searchbar > .row {
    height: 100%; }
    #top-searchbar > .row > div {
      height: 100%;
      overflow: hidden; }

#navi-search {
  height: 4rem; }

#site-logo-wraper {
  height: 4rem;
  margin-top: 2rem; }

#logo-finder {
  height: 100%;
  width: 100%;
  background-image: url("/UI/imgs/vi/logo-finder.png");
  background-size: auto 100%;
  background-repeat: no-repeat;
  background-position: center; }

#user-links {
  float: left;
  overflow: hidden;
  word-break: keep-all;
  white-space: nowrap;
  font-size: 1.4rem; }
  #user-links > a {
    padding: 0 10px; }
    #user-links > a:hover {
      color: #f19033; }

#user-tools {
  height: 4rem;
  margin-top: 2rem;
  overflow: hidden; }
  #user-tools > a {
    float: left;
    padding: 0 1rem;
    font-size: 1.6rem;
    max-width: 18rem;
    word-break: break-all;
    overflow: hidden; }
    #user-tools > a > img {
      height: 4rem;
      width: 4rem;
      padding: .5rem;
      border-radius: 2rem;
      float: left; }
    #user-tools > a > i {
      color: #3caed4; }
    #user-tools > a.focus {
      color: #f19033;
      background-color: #2e3d4f;
      transition: background-color,color ease-out .3s; }
      #user-tools > a.focus:hover {
        color: #fff;
        background-color: #f19033; }
    #user-tools > a:hover, #user-tools > a.active {
      color: #3caed4;
      background-color: #2e3d4f; }
      #user-tools > a:hover > i:before, #user-tools > a.active > i:before {
        color: #3caed4; }

#key-finder {
  width: 50%; }
  #key-finder > input {
    height: 2.66667rem;
    line-height: 2.66667rem;
    width: 60%; }
  #key-finder > button {
    height: 2.66667rem;
    line-height: 2.66667rem; }

#cnt-wraper {
  margin: 8rem 0 2rem 0;
  height: auto; }

#items-finder {
  height: auto;
  min-height: 60rem; }
  #items-finder > ul {
    height: 100%; }
    #items-finder > ul > li {
      margin: 15px 0 10px 0; }
  #items-finder.isLoading {
    height: 40rem;
    min-width: 40rem;
    background-image: url("/UI/imgs/vi/loading.gif");
    background-position: center;
    background-repeat: no-repeat; }

.ord-info {
  line-height: 2rem;
  padding-left: 5rem; }
  .ord-info h6 {
    color: #8c8c8c;
    padding: 5px 0; }

.logo {
  width: 4rem;
  height: 4rem;
  position: absolute;
  left: 0;
  top: 1rem; }

.certify {
  color: #f19033; }

.bid-info {
  line-height: 2rem; }
  .bid-info h6 {
    color: #8c8c8c;
    padding: 5px 0; }

.nodata {
  height: 30rem;
  background-image: url("/UI/imgs/fail-submit.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: auto 20rem;
  padding-top: 22rem; }
